<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>淘宝直播</title>
		<link rel="icon" href="img3/favicon.ico" />
		<style>
								@font-face{
				font-family:iconfont;
				src:url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot 

);
				src:url(/}/at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix 

) format('embedded-opentype')
				,url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff 

) format('woff'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf 

) format('truetype'),
				url(//at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont 

) format('svg');
			}
			*{margin: 0px;padding: 0px;}
			.iconfont{font-family: iconfont;}
			.clearfix:after{
				display: table;
				content: "";
				clear: both;}
			.fl{float: left;}
			.fr{float: right;}
			body{background-color: #f4f4f4;
			font: 12px/1.5 tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif;}	
			.row{width: 1190px;
			margin: 0 auto;}
			.col{width: 590px;background-color: white;}
			ul{width: 271px;list-style: none;}
		.img1 {width: 180px; background-color: #000000; list-style: none;
		margin-right: 2px;}
		.img1 img{height: 180px;}
		 li img{opacity: .9;width: 100%;vertical-align:middle;}
			a:hover{opacity: .8; color: red;}
			a{color: black; text-decoration: none;} 
	    .img2{width: 89px; background-color: #000000;}
	    .img3{width: 89px; background-color: #000000;margin-top: 2px;}
	    .row .col:nth-of-type(2){margin-left: 10px;}
	    .zu1,.zu3{margin-left:20px ;}
	    .zu2,.zu4{margin-left:8px ;}
	    .zu3,.zu4{margin-bottom:20px ;}	
	    .logo img{height: 24px;margin-left: 20px;margin-top: 20px;}  
	/*   .top{background-color: red; }*/	
	   .txt1{margin-left: 6px;color: #999;font-size: 12px;margin-top: 20px;
	   line-height: 24px;height: 24px;}
	   .txt2{margin-left: 6px;color: #999;font-size: 12px;
	   margin-top: 20px;margin-right: 20px;line-height: 24px;height: 24px;}
	     ul li:nth-of-type(1){line-height: 42px;height:42px;font-size: 16px; }  
	   .txt3{font-size: 12px;margin-left:8px;color: #999;}
	  .ding{position: relative;width: 180px;z-index: 2;}
	   .live{position:absolute; top:150px ;left: 8px;z-index: 1;height: 18px;line-height: 18px;}
	   .zi{color: #ff2658;font-size: 26px;height: 12px;margin-top: 4px;z-index: 6;}
	   .dise{width: 20px;height: 10px;display: inline-block;background-color: white;
	   position: absolute;left: 2px;top:6px;z-index: -1;}
	   .zi1{color:white;margin-left: 8px;}
			
		</style>
	</head>
	 
<body>
	<div class="row clearfix">

		<div class="col fl">
			<div class="top clearfix">
				<div class="logo fl"><img src="https://img.alicdn.com/tfs/TB1_EXwb3oQMeJjy0FpXXcTxpXa-162-48.png" /></div>
				<div class="txt txt1 fl">发现深藏的好店</div>
				<div class="txt txt2 fr">更多<span class="iconfont">&#xe62e;</span></div>
			</div>
			<div class="zu1 fl">
				<ul class="clearfix">
					<li><a href="#" >今日推荐</a><span class="txt3">暂无店铺评价</span></li>
					<li class="fl img1 ">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i1/2049232708/TB2K8JwaF15V1Bjy1XdXXayCFXa_!!2049232708.jpg_180x180q90.jpg_.webp" /></a>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i3/2049232708/TB2zRwNbrL9F1JjSZJiXXcDGpXa_!!2049232708.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i1/2049232708/TB2_ubxdtfJ8KJjy0FeXXXKEXXa_!!2049232708.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>
			<div class="zu2 fl">
				<ul class="clearfix">
					<li><a href="#" >推荐栏目</a><span class="txt3">暂无店铺评价</span></li>
					<li class="fl img1 ">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i4/TB1RK3kPXXXXXauXVXXXXXXXXXX_!!0-item_pic.jpg_180x180q90.jpg_.webp" /></a>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i2/TB1haAoPXXXXXasXVXXXXXXXXXX_!!0-item_pic.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i2/TB1vewjPXXXXXaSXVXXXXXXXXXX_!!0-item_pic.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>
			<div class="zu3 fl">
				<ul class="clearfix">
					<li><a href="#" >包包控</a><span class="txt3">月收藏17296次</span></li>
					<li class="fl img1 ">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i2/1058471921/TB2vPEffesAV1JjSZFsXXadZXXa_!!1058471921.jpg_180x180q90.jpg_.webp" /></a>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i4/1058471921/TB2FhJLawLD8KJjSszeXXaGRpXa_!!1058471921.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i3/1058471921/TB2NChGarYI8KJjy0FaXXbAiVXa_!!1058471921.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>
			<div class="zu4 fl">
				<ul class="clearfix">
					<li><a href="#" >吃吃吃</a><span class="txt3">暂无店铺评价</span></li>
					<li class="fl img1 ">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i4/1814296864/TB2SxUaaeJ8puFjy1XbXXagqVXa_!!1814296864.jpg_180x180q90.jpg_.webp" /></a>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i4/1814296864/TB2y2NVXfTz11Bjy1XcXXapnpXa_!!1814296864.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i4/1814296864/TB2WNKCtFXXXXaPXXXXXXXXXXXX_!!1814296864.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>			
		</div>
		<div class="col fl">
			<div class="top clearfix">
				<div class="logo fl"><img src="https://img.alicdn.com/tfs/TB1cmpCb3MPMeJjy1XdXXasrXXa-204-42.png" /></div>
				<div class="txt txt1 fl">你的爱豆直播等你来哟！</div>
				<!--<div class="txt txt2 fr">更多<span class="iconfont">&#xe62e;</span></div>-->
			</div>
			<div class="zu1 fl">
				<ul class="clearfix">
					<li><a href="#" >玲珑楠er</a><span class="txt3">694观看</span></li>
					<li class="fl img1 ding">
						<a href="#"><img src="https://img.alicdn.com/imgextra/i1/6000000002784/TB2Sddtb7fb_uJkSmFPXXcrCFXa_!!0-tbCommonAudio.jpg_180x180q90.jpg_.webp" /></a>
					    <p class="live clearfix">
					    <span class="dise fl"></span>
					    <span class="iconfont zi fl"> &#xe633;</span >
					    
					    <span class="fl zi1">温暖春秋，潮搭单品</span>
					    </p>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i2/408869662/TB2MWIzbkv85uJjSZFPXXch4pXa_!!408869662.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i1/408869662/TB2NHeonGmWQ1JjSZPhXXXCJFXa_!!408869662.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>
			<div class="zu2 fl">
				<ul class="clearfix">
					<li><a href="#" >yomi哟</a><span class="txt3">589观看</span></li>
					<li class="fl img1 ding">
						<a href="#"><img src="https://img.alicdn.com/tfscom/i2/0/TB27WSVcRfM8KJjSZFhXXcRyFXa_!!0-dgshop.jpg_180x180q90.jpg_.webp" /></a>
					    <p class="live clearfix">
					    <span class="dise fl"></span>
					    <span class="iconfont zi fl"> &#xe633;</span >
					    
					    <span class="fl zi1">温暖春秋，潮搭单品</span>
					    </p>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i3/201512228/TB2D24NhIbI8KJjy1zdXXbe1VXa_!!201512228.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i2/201512228/TB28IH6gRHH8KJjy0FbXXcqlpXa_!!201512228.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>
			<div class="zu3 fl">
				<ul class="clearfix">
					<li><a href="#" >乔木Avery</a><span class="txt3">2137观看</span></li>
					<li class="fl img1 ding ">
						<a href="#"><img src="https://img.alicdn.com/tfscom/i2/0/TB2uJk_hlfH8KJjy1XbXXbLdXXa_!!0-dgshop.jpg_180x180q90.jpg_.webp" /></a>
					    <p class="live clearfix">
					    <span class="dise fl"></span>
					    <span class="iconfont zi fl"> &#xe633;</span >
					    
					    <span class="fl zi1">温暖春秋，潮搭单品</span>
					    </p>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i4/820351386/TB1b8YYhfDH8KJjy1XcXXcpdXXa_!!0-item_pic.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i2/820351386/TB1JL0Hhf2H8KJjy0FcXXaDlFXa_!!0-item_pic.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>
			<div class="zu4 fl">
				<ul class="clearfix">
					<li><a href="#" >SH\妍三岁</a><span class="txt3">7531观看</span></li>
					<li class="fl img1 ding ">
						<a href="#"><img src="https://img.alicdn.com/tfscom/i4/0/TB2ngWnhwnH8KJjSspcXXb3QFXa_!!0-dgshop.jpg_180x180q90.jpg_.webp" /></a>
					    <p class="live clearfix">
					    <span class="dise fl"></span>
					    <span class="iconfont zi fl"> &#xe633;</span >
					    
					    <span class="fl zi1">温暖春秋，潮搭单品</span>
					    </p>
					</li>
					<li class="fl img2">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i4/1039893780/TB2ni2Pg22H8KJjy1zkXXXr7pXa_!!1039893780.jpg_100x100q90.jpg_.webp" /></a>
					</li>
					<li class="fl img3">
						<a href="#"><img src="https://img.alicdn.com/bao/uploaded/i1/1039893780/TB2pytHg_vI8KJjSspjXXcgjXXa_!!1039893780.jpg_100x100q90.jpg_.webp" /></a>
					</li>
				</ul>
			</div>			
		</div>
	</div>
</body>

</html>